*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #D4AF37;--secondary: #FFD700;--background: #1a1410;--text: #F5E6D3}body{font-family:Courier New,monospace;background:var(--background);color:var(--text);overflow-x:hidden;min-height:100vh;display:flex;align-items:center;justify-content:center}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,rgba(0,0,0,.1) 0px,rgba(0,0,0,.1) 1px,transparent 1px,transparent 2px);pointer-events:none;z-index:9999}.player-container{width:100%;max-width:1200px;margin:20px auto;background:#000000b3;border:3px solid var(--primary);border-radius:12px;box-shadow:0 0 20px var(--primary),inset 0 0 20px #d4af3733;overflow:hidden}.player-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:#d4af371a;border-bottom:2px solid var(--primary)}.title{font-size:24px;font-weight:700;text-transform:uppercase;letter-spacing:3px;text-shadow:0 0 10px var(--secondary)}.header-info{display:flex;align-items:center;gap:20px}.pixel-dots{display:flex;gap:8px}.dot{width:12px;height:12px;border-radius:50%;box-shadow:0 0 10px currentColor}.dot.red{background:red}.dot.green{background:#0f0}.dot.blue{background:#00f}.meta-info{display:flex;gap:12px;font-size:14px}.resolution,.duration{padding:4px 12px;background:#d4af3733;border:1px solid var(--primary);border-radius:4px}.video-wrapper{position:relative;width:100%;aspect-ratio:16 / 9;background:#000;overflow:hidden}.video-element{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.controls-container{background:#000000e6;border-top:2px solid var(--primary)}.progress-wrapper{padding:12px 24px 0}.progress-bar{position:relative;height:6px;background:#d4af3733;border-radius:3px;cursor:pointer;box-shadow:inset 0 0 5px #00000080}.progress-fill{height:100%;width:0%;background:linear-gradient(90deg,var(--primary),var(--secondary));border-radius:3px;box-shadow:0 0 10px var(--primary);transition:width .1s linear}.progress-handle{position:absolute;top:50%;left:0%;width:14px;height:14px;background:var(--secondary);border:2px solid var(--text);border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 10px var(--secondary);cursor:grab;opacity:0;transition:opacity .2s}.progress-bar:hover .progress-handle{opacity:1}.controls-row{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;gap:16px}.controls-left,.controls-right,.controls-center{display:flex;align-items:center;gap:12px}.control-btn{width:42px;height:42px;background:transparent;border:2px solid var(--primary);border-radius:6px;color:var(--text);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s;box-shadow:0 0 5px var(--primary)}.play-pause-btn{width:50px;height:50px}.control-btn:hover{background:#d4af374d;box-shadow:0 0 15px var(--secondary);transform:scale(1.05)}.control-btn svg{width:20px;height:20px}.play-pause-btn svg{width:24px;height:24px}.time-display{font-size:14px;font-weight:700;color:var(--text);text-shadow:0 0 5px var(--primary);white-space:nowrap}.volume-control{display:flex;align-items:center;gap:8px}.volume-slider{width:80px;height:6px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#d4af3733;border-radius:3px;outline:none}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;background:var(--secondary);border:2px solid var(--text);border-radius:50%;cursor:pointer;box-shadow:0 0 5px var(--secondary)}.volume-slider::-moz-range-thumb{width:14px;height:14px;background:var(--secondary);border:2px solid var(--text);border-radius:50%;cursor:pointer;box-shadow:0 0 5px var(--secondary)}@media(max-width:768px){body{margin:0;padding:0;overflow:hidden;align-items:stretch;justify-content:stretch}.player-container{margin:0;max-width:none;width:100vw;height:100vh;border:none;border-radius:0;display:flex;flex-direction:column}.player-header{display:none}.video-wrapper{flex:1;width:100vw;height:auto;aspect-ratio:unset;display:flex;align-items:center;justify-content:center;overflow:hidden}.video-element{width:100vh;height:100vw;max-width:none;max-height:none;transform:rotate(90deg);transform-origin:center;-o-object-fit:cover;object-fit:cover}.controls-container{position:fixed;bottom:0;left:0;right:0;background:linear-gradient(to top,#000000f2,#000000b3);border-top:1px solid var(--primary);padding-bottom:env(safe-area-inset-bottom);z-index:100}.progress-wrapper{padding:8px 12px 6px}.progress-bar{height:3px}.progress-handle{width:12px;height:12px}.controls-row{padding:8px 12px;gap:8px}.controls-left,.controls-right{gap:8px}.controls-center{flex:1;justify-content:center}.control-btn{width:36px;height:36px;border-width:1.5px}.play-pause-btn{width:44px;height:36px}.control-btn svg{width:18px;height:18px}.play-pause-btn svg{width:20px;height:20px}.time-display{font-size:11px}.volume-slider{width:60px;height:3px}.volume-slider::-webkit-slider-thumb,.volume-slider::-moz-range-thumb{width:12px;height:12px}.fullscreen-btn{display:none}}.player-container:fullscreen .video-wrapper,.player-container:-webkit-full-screen .video-wrapper{height:100vh;aspect-ratio:unset}